@charset "utf-8";



body{

    color:#333;

    font-family:'Microsoft YaHei', Arial, Helvetica, sans-serif;

    font-size:14px;

    height:100%;

    margin:0 auto;

    padding:0;

    width:100%;

}



html,body,div,dl,dt,dd,ul,ol,li,th,td,p,input,h1,h2,h3,h4,h5,h6{

    margin:0;

    padding:0;

}

img{

    max-width: 100%;

}

img,body,html{

    border:0;

}



address,caption,cite,code,dfn,em,th,var{

    font-style:normal;

    font-weight:400;

}



ol,ul{

    list-style:none;

}



caption,th{

    text-align:left;

}



q:before,q:after{

    content:'';

}



a,a:visited{

    text-decoration:none;

    color: #333;

}



a:hover,a:active{

    color: #333;

    text-decoration:none;

}



.fl{

    float:left;

}



.fr{

    float:right;

}



.center{

    margin:0 auto;

    text-align:center;

}



.bring-to-top{

    position:relative;

    z-index:500;

}



.clear{

    clear:both;

}



.hidden{

    display:none;

}



.fit-parent{

    height:100%;

    width:100%;

}



.inline-block{

    display: inline-block;

    *display: inline;

    *zoom: 1;

}



.clearfix:after { visibility:hidden; display:block; font-size:0;content:" "; clear:both; height:0; }

.clearfix { zoom:1; }





.bigimg{

    display: block;

    overflow: hidden;

}

.bigimg img{

    display: block;

    transition: all .3s;

    -moz-transition:all .3s;    /* Firefox 4 */

    -webkit-transition:all .3s; /* Safari 和 Chrome */

    -o-transition:all .3s;  /* Opera */

    transform: scale(1,1);

    -ms-transform: scale(1,1);  /* IE 9 */

    -webkit-transform: scale(1,1);  /* Safari 和 Chrome */

    -o-transform: scale(1,1);   /* Opera */

    -moz-transform: scale(1,1); /* Firefox */

}









/*分页*/

.viciao{

    text-align:center;

    margin-top: 20px;

    padding-top: 2rem;

    clear: both;

}

.viciao span{

    background: #488247;

    border: solid 1px #DAD6D6;

    padding: 5px;

    color: #fff!important;

    margin: 0 3px;

}

.viciao a{

    border: solid 1px #DAD6D6;

    padding: 5px;

    background: #fff;

    margin: 0 3px;

}

.viciao a:hover{

    background: #488247;

    color: #ffffff;

    border: solid 1px #DAD6D6;

    padding: 5px;

}

.viciao input{

    padding: 5px;

    display: none;

}



.disabled{

    border: solid 1px #DAD6D6;

    padding: 5px;

    background: #fff!important;

    color: #333!important;

}

.current{

    background: #0066ff;

    color: #ffffff;

    border: solid 1px #DAD6D6;

    padding: 5px;

}



.w{

    max-width: 1200px;

    margin: 0 auto;

}



.am-container{

    max-width: 1430px;

    width: 94%;

}



@media (max-width:1024px){

    .am-container{        

        width: 100%;

    }

}





.top_djon,.left_djon{
    background: #488247!important;
    color: #fff!important;
}





.zyhd:hover{

    -webkit-animation-name: hvr-wobble-horizontal;

    animation-name: hvr-wobble-horizontal;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    -webkit-animation-iteration-count: 1;

    animation-iteration-count: 1

}

@-webkit-keyframes hvr-wobble-horizontal {

    16.65% {

        -webkit-transform: translateX(8px);

        transform: translateX(8px)

    }



    33.3% {

        -webkit-transform: translateX(-6px);

        transform: translateX(-6px)

    }



    49.95% {

        -webkit-transform: translateX(4px);

        transform: translateX(4px)

    }



    66.6% {

        -webkit-transform: translateX(-2px);

        transform: translateX(-2px)

    }



    83.25% {

        -webkit-transform: translateX(1px);

        transform: translateX(1px)

    }



    100% {

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }

}



@keyframes hvr-wobble-horizontal {

    16.65% {

        -webkit-transform: translateX(8px);

        transform: translateX(8px)

    }



    33.3% {

        -webkit-transform: translateX(-6px);

        transform: translateX(-6px)

    }



    49.95% {

        -webkit-transform: translateX(4px);

        transform: translateX(4px)

    }



    66.6% {

        -webkit-transform: translateX(-2px);

        transform: translateX(-2px)

    }



    83.25% {

        -webkit-transform: translateX(1px);

        transform: translateX(1px)

    }



    100% {

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }

}